<button type="button" class="btn btn-outline-primary btn-sm btn-space" (click)="openModal(template)">查看</button>
<ng-template #template class="modal-dialog modal-lg">
  <div class="modal-header">
    <h4 class="modal-title pull-left">查看</h4>
    <button type="button" class="close pull-right" aria-label="Close" (click)="modalRef.hide()">
      <span aria-hidden="true">&times;</span>
    </button>
  </div>
  <div class="modal-body">
    <div class="container modal-box">

      <div class="data-title">
        总计：采购数量 <span style="color: #ff5d2d">20</span> 实际到货 19 采购金额 50 到货金额20000 元
      </div>
      <table class="table table-bordered text-nowrap bg-light zero3-list-table wms-table ">
        <thead class="sticky-top" style="top: 42px; z-index: 9">
        <tr class="text-center table-primary">
          <th scope="col"> 序号</th>
          <th scope="col"><span>商品名称</span></th>
          <th scope="col"><span>规格名称</span></th>
          <th scope="col"><span>采购数量</span></th>
          <th scope="col"><span>单价</span></th>
          <th scope="col"><span>总价</span></th>
        </tr>
        </thead>
        <tbody>
        <tr *ngFor="let item of orderInfo.orderLines;let i = index" [ngClass]="{'row-selected': isSelected(item.id)}"
            (click)="dealSelected(item)">
          <td class="table-tr-num">{{i + 1}}</td>
          <td>{{item?.goodsName}}</td>
          <td>{{item?.goodsSpecificationName}}</td>
          <td>{{item?.goodsNum}}</td>
          <td>{{item?.singlePrice}}</td>
          <td>{{item?.totalPrice}}</td>

        </tr>
        </tbody>
      </table>


    </div>
  </div>
</ng-template>